<!DOCTYPE HTML>
<head>
	<meta http-equiv="content-type" content="text/html" charset="utf-8" />
	<meta name="author" content="GLinh" />
	<meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="templates/mobile/css/style.css" />


<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
    
</head>

<body>
    <section data-role="page" style="background: black;">
<div id="wrapper" style="background: black;">
    <header id="top">
        <img src="templates/mobile/images/jquery-mobile-logo-03.png" style="float: left"/>
        <div data-role="navbar" style="width: 80%;float: left;margin-top: 1%;">
		<ul>
			<li><a href="#">Trang Chủ</a></li>
			<li><a href="#">Đặc Trưng</a></li>
			<li><a href="#">Công Cụ</a></li>
                        <li><a href="#">Download</a></li>
			<li><a href="#">Liên Hệ</a></li>
		</ul>
	</div>
    </header>
    <div>
 
    <div id="left" style="margin-top: 4%;">

                <ul data-role="listview" data-inset="true" data-icon="star">
			<li data-role="list-divider">Căn bản</li>
                        <li><img src="templates/mobile/images/logo.png" style="float: left;width: 10%;margin-top: 2%;margin-left: 3%;" /><a href="index.html">Cần biết<span class="ui-li-count">12</span></a></li>
			<li><img src="templates/mobile/images/logo.png" style="float: left;width: 10%;margin-top: 2%;margin-left: 3%;" /><a href="index.html">Page & Hộp thoại <span class="ui-li-count">12</span></a></li>
			<li><img src="templates/mobile/images/logo.png" style="float: left;width: 10%;margin-top: 2%;margin-left: 3%;" /><a href="index.html">Thành phần <span class="ui-li-count">0</span></a></li>
			<li><img src="templates/mobile/images/logo.png" style="float: left;width: 10%;margin-top: 2%;margin-left: 3%;" /><a href="index.html">Button <span class="ui-li-count">328</span></a></li>
                        <li><img src="templates/mobile/images/logo.png" style="float: left;width: 10%;margin-top: 2%;margin-left: 3%;" /><a href="index.html">Định dạng<span class="ui-li-count">12</span></a></li>
			<li><img src="templates/mobile/images/logo.png" style="float: left;width: 10%;margin-top: 2%;margin-left: 3%;" /><a href="index.html">Form <span class="ui-li-count">0</span></a></li>
			<li><img src="templates/mobile/images/logo.png" style="float: left;width: 10%;margin-top: 2%;margin-left: 3%;" /><a href="index.html">Danh Sách <span class="ui-li-count">328</span></a></li>
		</ul>
<br/>
<br/>
                <ul data-role="listview" data-inset="true" data-icon="star" data-theme="d" data-divider-theme="e">
			<li data-role="list-divider">Nâng Cao</li>
			<li><img src="templates/mobile/images/logo.png" style="float: left;width: 10%;margin-top: 2%;margin-left: 3%;" /><a href="index.html">Cấu hình website <span class="ui-li-count">12</span></a></li>
			<li><img src="templates/mobile/images/logo.png" style="float: left;width: 10%;margin-top: 2%;margin-left: 3%;" /><a href="index.html">Các sự kiện <span class="ui-li-count">0</span></a></li>
			<li><img src="templates/mobile/images/logo.png" style="float: left;width: 10%;margin-top: 2%;margin-left: 3%;" /><a href="index.html">Các tiện ích <span class="ui-li-count">328</span></a></li>
                        <li><img src="templates/mobile/images/logo.png" style="float: left;width: 10%;margin-top: 2%;margin-left: 3%;" /><a href="index.html">Tương tác dữ liệu <span class="ui-li-count">12</span></a></li>
			<li><img src="templates/mobile/images/logo.png" style="float: left;width: 10%;margin-top: 2%;margin-left: 3%;" /><a href="index.html">Themes <span class="ui-li-count">0</span></a></li>
			
		</ul>
<jdoc:include type="modules" name="left" style="xhtml" />
    </div>
    <div id="content" style="margin-top: 4%; background: white;">
            <p>Jquery Mobile là gì ?</p>
    <p>Ngày nay, với sự phát triển vượt bậc của các smartphone và tablet, chúng ta có thể truy cập website ở bất cứ lúc nào. Tuy nhiên, một nhược điểm rất lớn của các website (đặc biệt là website Việt Nam) sử dụng Flash quá nhiều. Điều này đã làm cho các thiết bị di động gặp khó khăn trong quá trình truy cập (IOS không hỗ trợ chạy Flash khi lướt web, nếu muốn các bạn phải cài đặt thêm plug-in. Điều này sẽ rất khó khăn đối với một số người không chuyên về tin học và sẽ làm giảm thời lượng Pin sử dụng). Chính vì vậy Jquery Mobile đã ra đời. Jquery Mobile (Viết tắt là JM) là một bộ thư viện Javascript hỗ trợ cho việc thiết kế website dành cho thiết bị di động. JM hỗ trợ các hiệu ứng, đơn giản hóa giao diện website (Vì không thể nhồi nhét quá nhiều thông tin vào 1 màn hình trên dưới 5 inch). JM tạo sử dụng HTML5 và CSS3 để tạo ra các hiệu ứng giúp người dùng có cảm giác (khoảng 90%) như đang sử dụng 1 App chứ không phải đang lướt web. </p>
    <p>
        ra đời vào khoảng tháng 8 năm 2010 , nhưng vẫn được nhiều người biết đến do tính phổ biến, dễ hiểu và được nhiều lập trình viên sử dụng và viết các plugin bổ sung miễn phí. jQuery mobile có các hiệu ứng chuyển động tốt. Nhưng jQuery mobile chưa được hoàn thiện ở giai đoạn hiện tại vì nó ra đời sau và còn khá non trẻ. Tuy nhiên, trong tương lai gần jQuery mobile có thể là 1 thư viện hỗ trợ mạnh mẽ công nghệ HTML5 cho các thiết bị di động cảm ứng.
    </p>
    <p>Ưu điểm của JM: </p>
    <p>Tương thích với tất cả các trình duyệt  trên thiết bị di động. Dễ sử dụng, cung cấp các hiệu ứng và theme đẹp mắt và hạn chế tải lại trang (Multy-page). </p>
    <p>Cấu trúc đơn giản, dễ thao tác.</p>
    <p>Hỗ trợ các ứng dụng, hiệu ứng của Javascript (calendar, countdown...).</p>
    <p>Hạn chế chi phí nếu muốn tạo website bằng cách xây dựng App.</p>
    <p>Giả sử một cửa hàng kinh doanh đã xây dựng 1 website chứa quá nhiều banner, hiệu ứng Flash (do nhu cầu của công ty). Điều này đã hạn chế một lượng khách hàng khi truy cập bằng smartphone (SM). Công ty có ý định xậy dựng 1 ứng dụng dành cho khách hàng sử dụng SM. Nếu xây dựng bằng cách viết App thì sẽ tốn nhiều chi phí (mỗi hệ điều hành phải có một App khác nhau), khách hàng phải tải về, cài đặt mới sử dụng được. Chính vì vậy dùng JM để xây dựng 1 website dành cho tất cả các SM truy cập là tối ưu hơn cả.</p>
    <p>Khuyết điểm của JM:</p>
    <p>Vẫn chưa được hỗ trợ nhiều.</p>
    <p>Chỉ thích hợp xây dựng các website nhỏ (mua bán, tin tức...). Nếu website yêu cầu quá nhiều chức năng (thống kê, báo cáo, quản lý...) thì rất khó thực hiện.</p>

            <jdoc:include type="component"/>
        </div>
    </div>
    
    <div id="footer" style="margin-top: 4%;">
        <p style="text-align: center;">
            Chưa biết ghi cái gì ở đây
            Chưa biết ghi cái gì ở đây
            Chưa biết ghi cái gì ở đây
            Chưa biết ghi cái gì ở đây
        </p>
</div>
</div> 
</section>
</body>
</html>